body { overflow: hidden; } .box { width: 100%; height: 100vh; background: url(../../imgs/backgroundimg.jpg) no-repeat; background-size: cover; background-color: #0c37f5; .top-bar { height: 186px; width: 100%; display: flex; align-items: center; justify-content: space-between; .left-btn { font-size: 32px; font-family: MicrosoftYaHei; color: #F7F7F7; margin-left: 39px; display: flex; align-items: center; img { width: 43.25px; height: 36.38px; margin-right: 5px; } } .title { font-size: 50px; font-family: MicrosoftYaHei; color: #FEFEFE; line-height: 0px; } .right-btn { width: 163px; height: 68px; background: rgba(255, 255, 255, .21); font-size: 32px; font-family: MicrosoftYaHei; color: #F7F7F7; border-radius: 34px; text-align: center; line-height: 68px; margin-right: 41px; } } .main-content { width: 100%; border-radius: 100px 100px 0 0; background-color: white; height: calc(100vh - 168px); overflow-y: scroll; overflow-x: hidden; } }